//index.js
//获取应用实例
const app = getApp()
import * as echarts from '../../ec-canvas/echarts';
Page({
  data: {
    ec: {
      lazyLoad: true //  ec传递给子组件  lazyLoad延迟加载
    }
  },
  onLoad(options) {
    this.barComponent = this.selectComponent('#mychart-dom-bar');//通过组件id拿到子组件
    
    var that = this  //this指向改变，保存this
    wx.getImageInfo({
      src: 'https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png',
      success: function (res) {
        that.init_bar(res.path);
      }
    })
    // wx.chooseImage({
    //   success: function (res) {
    //     var file = res.tempFilePaths[0];
    //     wx.saveFile({
    //       tempFilePath: file,
    //       success: function (savedFilePath) {
    //         console.log(savedFilePath);
    //       }
    //     })
    //   }
    // })
  },
  init_bar: function (path) {
    console.log(this.barComponent,'拿到子组件')
    //init方法是子组件methods声明周期里面的方法，调用init()传入函数
    this.barComponent.init((canvas, width, height) => {
      // 初始化图表
      const barChart = echarts.init(canvas, null, {
        width: width,
        height: height
      });
      barChart.setOption(getBarOption(path));
      // 注意这里一定要返回 chart 实例，否则会影响事件处理等
      return barChart;
    });

    //配置函数
    function getBarOption(path) {
      var sImg = 'wxfile://tmp_553a1497beb52c1754140cf096da407f.png'

      var exStaticSeries = [{
        type: 'graph',
        layout: 'force',
        symbolSize: 30,
        force: {
          repulsion: 250,
          edgeLength: [50, 100]
        },
        roam: true,
        // edgeSymbol: ['circle', 'arrow'],
        // edgeSymbolSize: [4, 10],
        // edgeLabel: {
        //   normal: {
        //     textStyle: {
        //       fontSize: 20
        //     }
        //   }
        // },
        data: [{
            name: '节点1',
            // 需要进一步修改代码支持
            symbol: 'image://' + path,
            itemStyle: {
              color: '#37A2DA'
            }
          },
          //   {
          //   name: '节点2',
          //   itemStyle: {
          //     color: '#32C5E9'
          //   }
          // }, {
          //   name: '节点3',
          //   itemStyle: {
          //     color: '#9FE6B8'
          //   }
          // }, {
          //   name: '节点4',
          //   itemStyle: {
          //     color: '#FF9F7F'
          //   }
          //}
        ],
        // links: [],
        links: [{
          source: 0,
          target: 1,
          // symbolSize: [5, 20],
          // label: {
          //   normal: {
          //     show: true
          //   }
          // },
          // lineStyle: {
          //   normal: {
          //     width: 4,
          //     curveness: 0.2
          //   }
          // }
        }]
      }];
      var option = {
        color: ["#37A2DA", "#32C5E9", "#67E0E3", "#91F2DE", "#FFDB5C", "#FF9F7F"],
        title: {
          text: '简单示例'
        },
        tooltip: {},
        animationDurationUpdate: 1500,
        animationEasingUpdate: 'quinticInOut',
        series: exStaticSeries
      }
      return option;
    }
    
  }

  
})